todo list [Todo-List] 4. 컴포넌트 성능 개선 (1) Todo-List 프로젝트는 소규모 프로젝트라서 추가되어 있는 데이터가 매우 적기 때문에 속도나 성능 측면에서 문제가 없을 수 있다. 👉 useState의 기본값에 함수를 넣은 이유는 useState(createBulkTodos())라고 작성하면 리렌더링될 때마다 createBulkTodos 함수가 호출되지만, useState(createBulkTodos)처럼 파라미터를 함수 형태로 넣을 경... Toyprojecttodo listPerformancePerformance 바닐라 자바스크립트를 이용한 Todo List 만들기 - 2 위와 같이 스타일링을 하게 되면 아래와 같이 렌더링된다. 그러면 임시로 적어놓은 hey를 지우고 실제 입력한대로 나타나게 해보자. 간단하다. newTodo.innerText = todoInput.value;로 수정해주면 된다. 그런데 Todo List를 입력하고 나서 입력창에 적은 내용이 그대로 남아있다. 이를 없애려면 어떻게 해야할까? function에 todoInput.value = ''... javascirpttodo listjavascirpt [Todo-List] 1. 프로젝트 구성 지금까지 리액트를 공부하면서 기본기 부터 스타일링 까지 살펴보았는데, 계속 이론만 공부하는 것 보다 간단한 토이 프로젝트를 해보고 싶었다. 그래서 리액트를 공부할 때 많이 구현하는 Todo-List를 시작으로 많은 토이 프로젝트를 해보고 싶다.😊😊 프로젝트는 create-react-app을 사용하여 프로젝트를 생성했고, Sass를 사용하기 위해서 node-sass를 설치했다. 또한, 조건부 ... todo listToyprojectToyproject
[Todo-List] 4. 컴포넌트 성능 개선 (1) Todo-List 프로젝트는 소규모 프로젝트라서 추가되어 있는 데이터가 매우 적기 때문에 속도나 성능 측면에서 문제가 없을 수 있다. 👉 useState의 기본값에 함수를 넣은 이유는 useState(createBulkTodos())라고 작성하면 리렌더링될 때마다 createBulkTodos 함수가 호출되지만, useState(createBulkTodos)처럼 파라미터를 함수 형태로 넣을 경... Toyprojecttodo listPerformancePerformance 바닐라 자바스크립트를 이용한 Todo List 만들기 - 2 위와 같이 스타일링을 하게 되면 아래와 같이 렌더링된다. 그러면 임시로 적어놓은 hey를 지우고 실제 입력한대로 나타나게 해보자. 간단하다. newTodo.innerText = todoInput.value;로 수정해주면 된다. 그런데 Todo List를 입력하고 나서 입력창에 적은 내용이 그대로 남아있다. 이를 없애려면 어떻게 해야할까? function에 todoInput.value = ''... javascirpttodo listjavascirpt [Todo-List] 1. 프로젝트 구성 지금까지 리액트를 공부하면서 기본기 부터 스타일링 까지 살펴보았는데, 계속 이론만 공부하는 것 보다 간단한 토이 프로젝트를 해보고 싶었다. 그래서 리액트를 공부할 때 많이 구현하는 Todo-List를 시작으로 많은 토이 프로젝트를 해보고 싶다.😊😊 프로젝트는 create-react-app을 사용하여 프로젝트를 생성했고, Sass를 사용하기 위해서 node-sass를 설치했다. 또한, 조건부 ... todo listToyprojectToyproject